@import "scssVariable.scss";
#root{
    .header{
        height: 10%;
        width: 100%;
    }
    .title{
        color: white;
        font-size: 4vh;
        width: 56vh;
        height: 100%;
        letter-spacing: 10px;
        font-family: norm-font;
        font-weight: 900;
        line-height: 10vh;
        padding-left: 4vh;
        float: left;
    }
    .logo{
        height: 100%;
        width: 8vh;
        background: url(../images/nav-english.svg) no-repeat;
        background-size: 65% 100%;
        padding-left: 24vh;
        float: left;
    }

    .stat{
        float: right;
        font-family: norm-font;
        height: 100%;
        width: 16vh;
        display: flex;
        flex-flow: column wrap; 
        .stat-main{
            letter-spacing: 0.2vh;
            line-height: 4vh;
            width: 10vh;
            padding-top: 1vh;
            .stat-name{
                font-family: norm-font;
                font-size: 1.8vh;
                opacity: 0.2;
                font-weight: 400;
            }
    
            .stat-value{
                font-family: num-weight;
                color: #e7a71e;
                font-size: 4vh;
                font-weight: 400;
            }
        }
    
        .stat-divider{
            height: 100%;
            width: 16%;
            background: url(../images/nav-slope-liner.svg) no-repeat;
            background-size: 85% 100%;
        }
    }

    .time{
        height: 100%;
        width: 32vh;
        background: url(../images/nav-time-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        float: right;
        letter-spacing: 0.4vh;
        font-family: num-weight;
        .time-main{
            width: 60%;
            height: 100%;
            line-height: 4vh;
            text-align: left;
            padding-top: 1vh;
            float: right;
            .time-date{
                font-size: 1.5vh;
            }
            .time-now{
                font-size: 4vh;
            }
        }
    }
}